(function (lib, img, cjs) { var p; // shortcut to reference prototypes // library properties: lib.properties = { width: 900, height: 550, fps: 24, color: "#FFFFFF", manifest: [] }; // symbols: (lib.tick = function() { this.initialize(); // Layer 1 this.shape = new cjs.Shape(); this.shape.graphics.f("#33FF00").s().p("AlDIzQhxh9gPgMQg5gwgigaQg9gvgegGQh2gWgbgJQgmgNAAglQAAgWASgTQATgVAZAAQC4AAClCGQAxAnBEBFQBCBDAVAQQCIk0C5kLQCjjrCqihQCbiUBogiQBpghAABlQAAAIhBA4IihCNQkHDuiSDKQhrCWhzEbQgvBxgVAlQgiA5gfAAQgkAAhyh2g"); this.shape.setTransform(81.8,68.2); this.addChild(this.shape); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(0,0,163.5,136.4); (lib.reset = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { this.stop(); } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(2)); // Layer 2 this.shape = new cjs.Shape(); this.shape.graphics.f("rgba(102,102,102,0.996)").s().p("AjXNKQjdg7ininQhFhEgxhOQinkMAokyQAEgaAFgaQARhRAbhRIAIgKQAkhXAxhEQCljqEKhZQCag3CzAGIANAFICiAaQA4ASA4AZQCAA5BtBaIEKjqIAEMOIsEhzIEfj6QgPgYgagPQgjgVgfgPQhHgihLgOQh7gWh2AbQghAHgcAKQhUAehOAzIgGALIgLACQh3Blg8CRQgUAwgLArQACAGgCAHIgFAaQgbC4BTCoQBdC4C3BZQBOAnBYAKQAbAAARAJQBOABBIgMQAxgIAxgSQCYg4Bfh+IAegfQAFgLAHgIQAFgEACgHQAMgqAngTID5AnQAIAhgXAeIgEAGQgYA0goA6QgpBIhFBFQhJBIhPAsIgJALIg0AYIgFAJQgbAHgaAMQg6Aag7AQQgoAJgeAFIg4AHQg5AIg1AAQhqAAhkgbg"); this.shape.setTransform(20.2,462.9); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("rgba(204,204,204,0.996)").s().p("AjXNKQjdg7ininQhFhEgxhOQinkMAokyQAEgaAFgaQARhRAbhRIAIgKQAkhXAxhEQCljqEKhZQCag3CzAGIANAFICiAaQA4ASA4AZQCAA5BtBaIEKjqIAEMOIsEhzIEfj6QgPgYgagPQgjgVgfgPQhHgihLgOQh7gWh2AbQghAHgcAKQhUAehOAzIgGALIgLACQh3Blg8CRQgUAwgLArQACAGgCAHIgFAaQgbC4BTCoQBdC4C3BZQBOAnBYAKQAbAAARAJQBOABBIgMQAxgIAxgSQCYg4Bfh+IAegfQAFgLAHgIQAFgEACgHQAMgqAngTID5AnQAIAhgXAeIgEAGQgYA0goA6QgpBIhFBFQhJBIhPAsIgJALIg0AYIgFAJQgbAHgaAMQg6Aag7AQQgoAJgeAFIg4AHQg5AIg1AAQhqAAhkgbg"); this.shape_1.setTransform(20.2,462.9); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape}]}).to({state:[{t:this.shape_1}]},1).wait(1)); // Layer 1 this.shape_2 = new cjs.Shape(); this.shape_2.graphics.f("#FFFFFF").s().p("ApdIHQj7jYAAkvQAAkuD7jYQD7jYFiAAQFiAAD8DYQD7DYAAEuQAAEvj7DYQj8DYliAAQliAAj7jYgAnlkeQgyASgdA/QglBLABB6IgEAkQgCAlAHAbQAXBXBnAAQAyAAAWgoQANgYAAgbQAAghgVgYQgVgZAAgcQAAgVAdhOQAehOAAgLQAAgtgkgXQgVgPgYAAQgQAAgRAHg"); this.shape_2.setTransform(20.4,464.3); this.timeline.addTween(cjs.Tween.get(this.shape_2).wait(2)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-65.5,376,171.7,173.8); (lib.cross = function() { this.initialize(); // Layer 1 this.shape = new cjs.Shape(); this.shape.graphics.f("#FF0000").s().p("AoVGtQgIgPAAgSQAAgbC6jFQCmitBVhOIBKhAQhAg0hGgnQg6gfhGgQQgagGhSgLQg2gJgUgLQgbgRAAglQAAhSBZADQBLABCAA+QBuA2BtBPIAzAkQBJg6BEgpIA9grQBBgrA0gZQCihNAAB8QAAAXg8ApQgjAZhxBEQhcA3hMAyQA6A/CaCdQCQCeAAAuQAAAbgJASQgQAeglAAQhDAAiDinQiHi/glgtIgZgcQhHA0gyAqIjaDoQiuC5gfAAQgnAAgPgeg"); this.shape.setTransform(54.3,46); this.addChild(this.shape); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(0,0,108.5,92); (lib.bar = function() { this.initialize(); // Layer 1 this.shape = new cjs.Shape(); this.shape.graphics.lf(["#999999","#EEEEEE","#CCCCCC"],[0,0.522,1],0,-28,0,28).s().p("EhGXADlIAAnKMCMvAAAIAAHKg"); this.shape.setTransform(450.5,23); this.addChild(this.shape); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(0,0,900.9,46); (lib.Symbol1 = function() { this.initialize(); // Layer 1 this.text = new cjs.Text("Check", "bold 22px 'Century Gothic'", "#666666"); this.text.textAlign = "center"; this.text.lineHeight = 18; this.text.lineWidth = 90; this.text.setTransform(59.6,0.7,1.295,1.295); this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(1,1,1).p("AJnDKIzNAAIAAmTITNAAg"); this.shape.setTransform(61.5,20.2); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("ApmDKIAAmTITNAAIAAGTg"); this.shape_1.setTransform(61.5,20.2); this.addChild(this.shape_1,this.shape,this.text); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(-1,-1,125,42.4); (lib.drag9 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { /* Stop at This Frame The timeline will stop/pause at the frame where you insert this code. Can also be used to stop/pause the timeline of movieclips. */ this.stop(); } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(2)); // Layer 2 this.gapTxt = new cjs.Text("Start/Stop", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 187; this.gapTxt.setTransform(95.5,0); this.timeline.addTween(cjs.Tween.get(this.gapTxt).wait(2)); // Layer 1 this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(2,1,1).p("Au7iaId3AAIAAE1I93AAg"); this.shape.setTransform(95.6,15.5); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("Au7CaIAAk0Id2AAIAAE0g"); this.shape_1.setTransform(95.6,15.5); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).to({state:[]},1).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-1,-1,194,33); (lib.drag8 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { /* Stop at This Frame The timeline will stop/pause at the frame where you insert this code. Can also be used to stop/pause the timeline of movieclips. */ this.stop(); } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(2)); // Layer 2 this.gapTxt = new cjs.Text("Input/Output", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 188; this.gapTxt.setTransform(96,0); this.timeline.addTween(cjs.Tween.get(this.gapTxt).wait(2)); // Layer 1 this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(2,1,1).p("Au7iaId3AAIAAE1I93AAg"); this.shape.setTransform(95.6,15.5); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("Au7CaIAAk0Id2AAIAAE0g"); this.shape_1.setTransform(95.6,15.5); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).to({state:[]},1).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-1,-1,195,33); (lib.drag7 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { /* Stop at This Frame The timeline will stop/pause at the frame where you insert this code. Can also be used to stop/pause the timeline of movieclips. */ this.stop(); } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(2)); // Layer 2 this.gapTxt = new cjs.Text("Decision", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 187; this.gapTxt.setTransform(95.5,0); this.timeline.addTween(cjs.Tween.get(this.gapTxt).wait(2)); // Layer 1 this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(2,1,1).p("Au7iaId3AAIAAE1I93AAg"); this.shape.setTransform(95.6,15.5); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("Au7CaIAAk0Id2AAIAAE0g"); this.shape_1.setTransform(95.6,15.5); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).to({state:[]},1).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-1,-1,194,33); (lib.drag6 = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { this.stop(); } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(2)); // Layer 2 this.gapTxt = new cjs.Text("Process", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 22; this.gapTxt.lineWidth = 186; this.gapTxt.setTransform(96,0); this.timeline.addTween(cjs.Tween.get(this.gapTxt).wait(2)); // Layer 1 this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(2,1,1).p("Au7iaId3AAIAAE1I93AAg"); this.shape.setTransform(95.6,15.5); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("Au7CaIAAk0Id2AAIAAE0g"); this.shape_1.setTransform(95.6,15.5); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape}]}).to({state:[]},1).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-1,-1,194,33); (lib.hit = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { /* stop();*/ } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(1)); // Layer 1 this.gapTxt = new cjs.Text("decode", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 217; this.gapTxt.setTransform(-2,-15.1); this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(2,1,1).p("AyBivMAkDAAAIAAFfMgkDAAAg"); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("AyBCwIAAlfMAkDAAAIAAFfg"); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape},{t:this.gapTxt}]}).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-116.4,-18.6,232.9,37.2); (lib.gapDrag = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { /* stop();*/ } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(1)); // Layer 1 this.gapTxt = new cjs.Text("decode", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 217; this.gapTxt.setTransform(-2,-15.1); this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(2,1,1).p("AyBivMAkDAAAIAAFfMgkDAAAg"); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f("#FFFFFF").s().p("AyBCwIAAlfMAkDAAAIAAFfg"); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape},{t:this.gapTxt}]}).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(-116.4,-18.6,232.9,37.2); (lib.base4 = function() { this.initialize(); // Layer 1 this.gapTxt = new cjs.Text("", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 218; this.gapTxt.setTransform(127.9,18.2); this.shape = new cjs.Shape(); this.shape.graphics.f("#E6E6E6").s().p("AvSExQh1AAhThTQhThUAAh1IAAgpQAAh2BThTQBThTB1AAIelAAQB1AABTBTQBTBTAAB2IAAApQAAB1hTBUQhTBTh1AAg"); this.shape.setTransform(126.3,30.5); this.addChild(this.shape,this.gapTxt); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(0,0,252.6,61); (lib.base3 = function() { this.initialize(); // Layer 1 this.gapTxt = new cjs.Text("", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 218; this.gapTxt.setTransform(123.6,22.4); this.shape = new cjs.Shape(); this.shape.graphics.f("#E6E6E6").s().p("AzjFZIAAqxMAnHAAAIAAKxg"); this.shape.setTransform(125.3,34.5); this.addChild(this.shape,this.gapTxt); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(0,0,250.5,69); (lib.base2 = function() { this.initialize(); // Layer 1 this.gapTxt = new cjs.Text("", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 218; this.gapTxt.setTransform(137.8,23.8); this.shape = new cjs.Shape(); this.shape.graphics.f("#E6E6E6").s().p("A1dFZIIuqxMAiMAAAIotKxg"); this.shape.setTransform(137.4,34.5); this.addChild(this.shape,this.gapTxt); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(0,0,274.8,69); (lib.base1 = function() { this.initialize(); // Layer 1 this.gapTxt = new cjs.Text("", "22px 'Century Gothic'", "#666666"); this.gapTxt.name = "gapTxt"; this.gapTxt.textAlign = "center"; this.gapTxt.lineHeight = 24; this.gapTxt.lineWidth = 218; this.gapTxt.setTransform(-0.7,-15.1); this.shape = new cjs.Shape(); this.shape.graphics.f("#E6E6E6").s().p("AzlAAITloBITmIBIzmICg"); this.addChild(this.shape,this.gapTxt); }).prototype = p = new cjs.Container(); p.nominalBounds = new cjs.Rectangle(-125.5,-51.5,251,103); // stage content: (lib.FlowchartSymbolsDragDrop = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { //********************* // Initialize: createjs.Touch.enable(stage); this.tick.visible = false; this.cross.visible = false; var valid = false; var numPieces = 4; var positionsX = new Array(); var positionsY = new Array(); var lock = new Array(); var score = 0; this.title2.textBaseline = "middle"; this.title2.y = this.title2.y + 21; this.title2.font = "28px Century Gothic,Futura,Arial"; this.title.textBaseline = "middle"; this.title.y = this.title.y + 21; this.title.font = "28px Century Gothic,Futura,Arial"; var startTxt = "Drag the labels onto the correct flowchart symbols."; this.checkBtn.visible = false; var dropped = 0; var block = new Array(); var that = this; this.feedback.font = "bold 22px Century Gothic,Futura,Arial"; this.feedback.color = "#0099FF"; this.feedback.text = startTxt; for (var i = 0; i < numPieces; i++) { var pieceName = "p" + (i + 1); var piece = this[pieceName]; positionsX[i] = piece.x; positionsY[i] = piece.y; lock[i] = false; block[i] = false; var bounds = piece.getBounds(); piece.gapTxt.y = piece.gapTxt.y + 23; piece.gapTxt.textBaseline = "alphabetic"; piece.gapTxt.font = "20px Century Gothic,Futura,Arial"; if (piece) { piece.name = pieceName; piece.on("mousedown", function (evt) { if (lock[(this.name.substring(1, 2) - 1)] == false) { this.parent.tick.visible = false; this.parent.cross.visible = false; this.parent.feedback.text = startTxt; this.shadow = null; this.parent.addChild(this); // Bump to top this.offset = { x: this.x - evt.stageX, y: this.y - evt.stageY }; } }); piece.on("pressmove", function (evt) { if (lock[(this.name.substring(1, 2) - 1)] == false) { this.x = evt.stageX + this.offset.x; this.y = evt.stageY + this.offset.y; } }); piece.on("pressup", function (evt) { if (lock[(this.name.substring(1, 2) - 1)] == false) { for (var i = 0; i < numPieces; i++) { var target = this.parent["p" + (i + 1) + "target"]; if (hitTestInRange(target) && block[i]==false) { this.x = target.x; this.y = target.y; target.gapTxt.text = this.gapTxt.text; target.gapTxt.font = "22px Century Gothic,Futura,Arial"; this.visible = false; valid = true; lock[(this.name.substring(1, 2) - 1)] = true; dropped++; block[i] = true; if ((this.name + "target") == ("p" + (i + 1) + "target")) { score++; } if (dropped == numPieces) { this.parent.checkBtn.visible = true; } } } if (valid == false) { this.x = positionsX[(this.name.substring(1, 2) - 1)]; this.y = positionsY[(this.name.substring(1, 2) - 1)]; } valid = false; } }); } } function hitTestInRange(target) { var bounds3 = target.nominalBounds; if (stage.mouseX > target.x && stage.mouseX < target.x + bounds3["width"] && stage.mouseY > target.y && stage.mouseY < target.y + bounds3["height"]) { return true; } return false; } this.reset.addEventListener("click", resetThis.bind(this)); this.reset.addEventListener("mouseover", resetOver.bind(this)); this.reset.addEventListener("mouseout", resetOut.bind(this)); function resetThis() { this.tick.visible = false; this.cross.visible = false; this.checkBtn.visible = false; this.feedback.text = startTxt; score = 0; dropped = 0; for (var i = 0; i < numPieces; i++) { var pieceName = "p" + (i + 1); var targetName = pieceName + "target"; var piece = this[pieceName]; var targetBlob = this[targetName]; targetBlob.gapTxt.text = ""; piece.x = positionsX[i]; piece.y = positionsY[i]; lock[i] = false; block[i]=false; piece.visible = true; } } function resetOver() { this.reset.alpha = .5; } function resetOut() { this.reset.alpha = 1; } this.checkBtn.addEventListener("click", checkGame.bind(this)); function checkGame(event) { if (score == numPieces) { that.feedback.text = "You got " + score + " out of " + numPieces + " well done!"; that.tick.visible = true; that.reset.visible = false; } else { that.feedback.text = "Not quite, you got " + score + " out of " + numPieces + " correct, why not have another go?"; } } } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(1)); // btns this.checkBtn = new lib.Symbol1(); this.checkBtn.setTransform(602.7,398,1,1,0,0,0,61.5,20.2); this.p2 = new lib.drag9(); this.p2.setTransform(692.3,105.7,1,1,0,0,0,0,1); this.p3 = new lib.drag7(); this.p3.setTransform(693.7,150.1,1,1,0,0,0,1.4,0.1); this.p4 = new lib.drag8(); this.p4.setTransform(693.3,195.4,1,1,0,0,0,1.4,0.1); this.p1 = new lib.drag6(); this.p1.setTransform(693.7,59.5,1,1,0,0,0,1.4,0.1); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.p1},{t:this.p4},{t:this.p3},{t:this.p2},{t:this.checkBtn}]}).wait(1)); // titles this.title2 = new cjs.Text("KS3 COMPUTING", "32px 'Century Gothic'", "#333333"); this.title2.name = "title2"; this.title2.textAlign = "center"; this.title2.lineHeight = 34; this.title2.lineWidth = 885; this.title2.setTransform(447.5,505.4); this.title = new cjs.Text("Flowchart Symbols", "32px 'Century Gothic'", "#333333"); this.title.name = "title"; this.title.lineHeight = 32; this.title.lineWidth = 810; this.title.setTransform(5,2.4); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.title},{t:this.title2}]}).wait(1)); // bg this.instance = new lib.bar(); this.instance.setTransform(449.5,527.4,1,1,180,0,0,450.4,23); this.instance_1 = new lib.bar(); this.instance_1.setTransform(449.4,23.4,1,1,0,0,0,450.4,23); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_1},{t:this.instance}]}).wait(1)); // activities this.p3target = new lib.base1(); this.p3target.setTransform(227.1,303,0.852,0.852,0,0,0,-125,-50); this.p1target = new lib.base3(); this.p1target.setTransform(227.2,150.2,0.874,0.874,0,0,0,1.7,2.5); this.p2target = new lib.base4(); this.p2target.setTransform(234.3,77.9,0.803,0.803,0,0,0,0.6,-0.6); this.p4target = new lib.base2(); this.p4target.setTransform(226.2,228.9,0.797,0.797,0,0,0,0.7,0.7); this.feedback = new cjs.Text("Drag the labels onto the correct flowchart symbols.", "22px 'Century Gothic'", "#666666"); this.feedback.name = "feedback"; this.feedback.lineHeight = 20; this.feedback.lineWidth = 572; this.feedback.setTransform(4.5,438.2); this.reset = new lib.reset(); this.reset.setTransform(711.4,421.1,0.294,0.294,0,0,0,307,307); this.cross = new lib.cross(); this.cross.setTransform(624,467.6,0.521,0.543,0,0,0,54.3,46); this.tick = new lib.tick(); this.tick.setTransform(627.5,465.8,0.388,0.34,0,0,0,81.8,68.2); this.shape = new cjs.Shape(); this.shape.graphics.f().s("#666666").ss(1,1,1).p("EA0hAAAMhpBAAA"); this.shape.setTransform(336.8,429.6); this.shape_1 = new cjs.Shape(); this.shape_1.graphics.f().s("#666666").ss(2,1,1).p("EAAAglFMAAABKL"); this.shape_1.setTransform(673.5,275.1); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_1},{t:this.shape},{t:this.tick},{t:this.cross},{t:this.reset},{t:this.feedback},{t:this.p4target},{t:this.p2target},{t:this.p1target},{t:this.p3target}]}).wait(1)); // Layer 1 this.shape_2 = new cjs.Shape(); this.shape_2.graphics.f("rgba(0,153,255,0.2)").s().p("EgRtAlHMAAAhKNMAjcAAAMAAABKNg"); this.shape_2.setTransform(787,275); this.shape_3 = new cjs.Shape(); this.shape_3.graphics.f("#FFFFFF").s().p("Eg0wAeYMAAAg8vMBphAAAMAAAA8vg"); this.shape_3.setTransform(335.2,238.9); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.shape_3},{t:this.shape_2}]}).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(447.4,275.4,903.1,550); })(lib = lib||{}, images = images||{}, createjs = createjs||{}); var lib, images, createjs;